<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>快递物流系统</title>
<link rel="stylesheet" href="lib/layui/css/layui.css" media="all" />

<script type="text/javascript" src="lib/layui/layui.js"></script>
<style>
.layui-input {
	width: 300px;
	display: inline;
	position: relative;
	top: 1px;
}
</style>
</head>

<body
	style="background-color: white; padding: 40px 20px 20px 20px; overflow-y: scroll;">
	<input type="text" id="key" placeholder="姓名" class="layui-input">
	<button class="layui-btn" onclick="searchs()">
		<i class="layui-icon"></i>搜索
	</button>

	<table id="demo" lay-filter="demo"></table>

	<script type="text/html" id="editBar">  
  	 <a lay-event="edit" class="layui-btn layui-btn-xs">编辑</a>
  </script>
	<script type="text/javascript">
  	//var network = JSON.parse($.cookie('network'));
  	
    layui.use(['table','layer','jquery'], function(){
	  table = layui.table;
	  $=layui.jquery;
	  layer = layui.layer;
	  //第一个实例
	  table.render({
			elem : '#demo',
			cols : [ [ //标题栏
			{
				type : 'checkbox'
			}, {
				title : '序号',
				type : 'numbers'
			}, {
				field : 'waybill_number',
				title : '运单编号',
				width : 150
			}, {
				field : 'destination_id',
				title : '目的地',
				width : 150
			}, {
				field : 'scanner_id',
				title : '扫描员',
				width : 150
			},  {
				field : 'create_time',
				title : '扫描时间',
				width : 220
			}, {
				field : 'create_id',
				title : '录入时间',
				width : 220
			}, {
				field : 'create_time',
				title : '操作日期',
				width : 150
			}, {
				field : 'taker_id',
				title : '取件员',
				width : 150
			}, {
				field : 'send_network_id',
				title : '寄件网点',
				width : 150
			}, {
				field : 'weight',
				title : '重量',
				width : 150
			}, {
				field : 'item_type_id',
				title : '物品类型',
				width : 150
			}, {
				field : 'express_type_id',
				title : '快件类型',
				width : 150
			} ] ],
			skin : 'row' //表格风格
			,
			,{
				title : "操作",
				fixed : 'right',
				width : 200,
				align : 'center',
				toolbar : '#editBar'
			}
			page : true //是否显示分页
			,
			limits : [ 15, 30, 50, 100, 1000 ],
			limit : 15
		//每页默认显示的数量
		});	  
	});
    
    table.on('tool(editBar)', function(obj){
        var layEvent = obj.event,
            data = obj.data;

        if(layEvent === 'edit'){ //编辑
        	edit(data);
            
        } 
    
    })
    
    
    function searchs(){	 	  
		  table.reload('demo', {
			  url:  //数据接口
			  ,where: {
				  key : $("#key").val()
			  }
		  });
	}

    function edit(edit){
    	
    	layer.open({
			title : '选择目的地',
			type : 2,
			area : [ '720px', '460px' ], //宽高
			content : 'page?op=editWaybillStatus'
				success : function(layero, index){
		            var body = layui.layer.getChildFrame('body', index);
		            if(edit){
		            	body.find("[name ='']").attr("readonly",true);
		            	body.find("#edit").val(JSON.stringify(edit));
		            }
		            setTimeout(function(){
		                layui.layer.tips('点击此处返回员工列表', '.layui-layer-setwin .layui-layer-close', {
		                    tips: 3
		                });
		            },500)
		        }
		});
    	
    	
    	
    	/* parent.$('#tpusername').val(wname);
    	parent.tpuserid = id;
    	parent.dispatchtel = phone;
    	parent.layer.closeAll(); */
    }
  </script>
</body>
</html>